<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 禁止使用 * 通配符,  匹配元素过多, 影响浏览器解析性能 */
        *{
            margin: 0;
            padding: 0;
        }

        body,ul,ol, dl,p,h1,h2,h3,h4,h5,h6,table,input{
            margin: 0;
            padding: 0;
        }

        body{
            font: 14px 微软雅黑, 黑体, sans-serif, monospace;
            color: ;
            background: #fff;
        }


        li{
            list-style: none;
        }

        a{
            text-decoration: none;
            color: black;
        }

        table{
            border-collapse: collapse;
        }

        .clearfix::after{
            content: '';
            display: table;
            clear: both;
        }


    </style>
</head>
<body>
    <!-- 
        1. 为什么要初始化?
            原因: 每个浏览器的默认属性不一致, 导致相同的代码在不同浏览器里面显示的效果不一致
            解决方案: 设置一套自己的css, 统一各大浏览器的默认属性, 这个过程: "初始化"

        2. 常用初始化
            
    -->

    介绍各种米: 
    <ul>
        <li>小米</li>
        <li>黑米</li>
        <li>黄米</li>
        <li>红米</li>
    </ul>

    <input type="submit" >


</body>
</html>